import { HideProp } from "./type";

export function HidePanel(prop: HideProp) {
  const { setHide, content, change } = prop;
  return (
    <>
      <div class={"bg-mask"}>
        <div class={"show base-hover"} onClick={() => setHide()}></div>
        <textarea value={ content } onChange={ (e) => change((e.target as HTMLTextAreaElement).value) }></textarea>
      </div>
    </>
  );
}
